<template>
  <ItemWrap title="采购上架进行中">
    <dv-scroll-board
      ref="targer"
      :config="config"
      class="h-full w-full overflow-hidden scroll-board-container"
    ></dv-scroll-board>
  </ItemWrap>
</template>
<script setup>
import { ref } from "vue";
import ItemWrap from "./item-wrap/item-wrap.vue";

const props = defineProps({
  data: {
    type: Object,
    required: true,
  },
});
// 展示数据
const config = ref({
  header: ["扫描托盘时间", "持续时间", "托盘号", "操作人耗时", "库位"],
  data: [
    ["2024-8-29 11:32:34", "30min", "JG101", "金永明 1h", "	ZW04-05-34"],
    ["2024-8-29 11:33:30", "30min", "JG101", "周建安 1h", "ZW04-05-33"],
    ["2024-8-29 11:34:43", "30min", "JG101", "林世剑 1h", "ZW04-05-32"],
    ["2024-8-29 11:34:50", "30min", "JG101", "郑元辉 1h", "ZW04-05-31"],
    ["2024-8-29 11:35:00", "30min", "JG101", "陈秋月 1h", "ZW04-04-34"],
    ["2024-8-29 11:35:30", "30min", "JG101", "俞春燕 1h", "ZW04-04-33"],
  ],
  rowNum: 5, //表格行数
  headerHeight: 30,
  headerBGC: "#10213E", //表头
  oddRowBGC: "#0f1325", //奇数行
  evenRowBGC: "#171c33", //偶数行
  headerBGC: "#10213E",
  align: ["left"],
  columnWidth: [200], // 每列的宽度
});
</script>
<style lang="scss" scoped>
::v-deep .dv-scroll-board .header {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  background: linear-gradient(
    135deg,
    var(--el-color-primary),
    #004e92
  ) !important;
}

::v-deep .dv-scroll-board .rows .row-item {
  display: flex;
  font-size: 14px !important;
  transition: all 0.3s;
}
</style>
